@charset "utf-8";
.title{text-align:center;background:url(../images/tit-bg.png) no-repeat center bottom;padding:50px 0;font-size:35px}
.title span{color:#00A0EA}
#product{padding-bottom:40px}
.product1{position:relative}
#product1 li>a{display:block;position:relative;height:0;padding:0px 0 73.5% 0;overflow:hidden;box-shadow:0 0 1px #666}
#product1 li p{text-align:center;font-size:15px;height:30px;overflow:hidden}
#product1 li p a{background:#00A0EA;color:#fff;font-size:15px;display:block;height:30px;overflow:hidden}
#product1 li p a:hover{background:#333}
.product1 .swiper-button-prev,.product1 .swiper-button-next{position:absolute;background-repeat:no-repeat;background-position:center;background-size:30px 30px;width:30px;height:50px;top:50%;margin-top:-25px;background-color:#FE5E00;z-index:10}
.product1 .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F><%2Fsvg>");left:10px;margin-left:-40px}
.product1 .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E");right:10px;margin-right:-40px}
.title1{text-align:center}
.title1 h2{font-size:35px;background:url(../images/tit-bg2.png) no-repeat center bottom}
.title1 span{color:#00A0EA}
.title1 h3{font-weight:normal}
#prolist{overflow:hidden;padding-top:30px;background:url(../images/pro-bg.png) center;margin-bottom:50px}
#prolist li{margin-top:40px}
#prolist li>a{display:block;position:relative;height:0;padding:0 0 73% 0;border:1px solid #666;overflow:hidden}
#prolist li>a:before{font-family:'Glyphicons Halflings';content:"\e003";color:#fff;position:absolute;z-index:11;top:50%;left:50%;-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-ms-transition:all .6s ease-out;-o-transition:all .6s ease-out;transition:all .6s ease-out}
#prolist li>a:after{background-color:#FF9700;position:absolute;content:"";left:0;top:0;opacity:0;height:100%;width:100%;-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-ms-transition:all .6s ease-out;-o-transition:all .6s ease-out;transition:all .6s ease-out;z-index:10}
#prolist li>a:hover:after,#prolist li>a:hover:before{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
#prolist li>a:hover:after{opacity:0.5}
#prolist li p{text-align:center;line-height:3;border-bottom:1px solid #FF9600}
.phone{display:inline-block;margin-left:50%;transform:translateX(-50%);background:#01A8F6;border-radius:30px;color:#fff;line-height:42px;padding-right:20px;font-size:17px;margin-top:30px}
.phone a{display:block;float:left;background:#FF6A04;border-radius:20px;padding:0px 20px;color:#fff;margin-right:20px}
#about{background-image:linear-gradient(to bottom,#01A8F6 0%,#01A8F6 50%,#fff 50%,#fff 100%);margin-bottom:10px}
.ys{color:#fff;padding:30px 30px}
.ys dl{padding-left:65px;background-repeat:no-repeat;line-height:1.5}
.ys dl:nth-child(1){background-image:url(../images/zs.png)}
.ys dl:nth-child(2){background-image:url(../images/js.png)}
.ys dl:nth-child(3){background-image:url(../images/yw.png)}
.ys dl:nth-child(4){background-image:url(../images/hb.png)}
.ys dt{font-size:25px;font-weight:bold}
.about{background:#fff;box-shadow:0 2px 6px #D2D2D2;margin:0 5px}
.aboutL{padding:0}
.aboutL img{display:block;max-width:100%}
.aboutR{padding:0 20px}
.title3{margin:40px auto;border-left:2px solid #FF6A04;padding-left:10px;line-height:1.5}
.title3 span{color:#F47100}
.title3 dt{font-size:35px;font-weight:bold}
.aboutR p{margin-bottom:30px}
.aboutR a{background:#FF6A04;color:#fff;padding:10px 30px;border-radius:30px}
.ys2{margin:50px 0}
.ys2 li{text-align:center}
.ys2 li img{display:block;margin:0 auto;height:82px}
.ys2 .ys02{display:none}
.ys2 li:hover .ys01{display:none}
.ys2 li:hover .ys02{display:block}
.ys2 li p{line-height:3;font-weight:bold;font-size:18px}
.ys2 li:hover p{color:#FF6A04}
#contact{background:url(../images/contact-bg.jpg) no-repeat center}
.contactL{color:#fff;padding:140px 120px}
.contactL h3{padding-left:50px;font-size:25px}
.contactL h2{font-size: 40px;}
.contactL h2 span{color:#FF6A03}
.contactL li{width:33.3%;box-sizing:border-box;padding-left:30px;background:url(../images/dui.png) no-repeat center left;float:left}
.contactR{padding:100px 50px}
.contactR h2{color:#00A7F5;font-size:30px}
.contactR p{font-size:20px}
.contactR ul{color:#FE6903;background:url(../images/phone.jpg) no-repeat center left;padding-left:160px;margin:20px 0}
.contactR a{background:#01A8F6;color:#fff;padding:10px 30px;border-radius:30px}
.news{margin-bottom: 40px;margin-top: 40px;}
.newsL>a{display: block;position: relative;}
.newsL img{display: block;max-width: 100%;margin: 0 auto;}
.time{padding: 5px 10px;text-align: center;float: left;}
.time span{display: block;}
.newsL .time{background: #FF6A04;position: absolute;top: 0;left: 0;color: #fff;}
.newsL .news-con{background: #F9F9F9;padding: 20px 20px;}
.newsL .news-con{padding: 20px 20px;}
.news dt a{color: #161616;font-size: 18px;}
.news dd{color: #666;font-size: 14px;line-height: 1.5;height: 63px;overflow: hidden;}
.newsR li:first-child{display:none;}
.newsR li{margin-bottom: 10px;background: #F9F9F9;}
.newsR .time{margin: 24px 0 0;}
.newsR .news-con{padding: 10px 10px;height: 109px;}
.newsR li:hover{color:#fff;background:#01A8F6;}
.newsR li:hover a,.newsR li:hover dd{color:#fff;}
#link{
}
@media (max-width:768px){
	.title{padding:20px 0 20px;font-size: 18px;background:none;}
	#product{padding-bottom:10px}
	#prolist{padding:0;margin-bottom:30px}
	.title1 h2{font-size:21px;background-size:50%}
	.title1 h3{font-size: 12px;}
	.product1 .swiper-button-prev,.product1 .swiper-button-next{display:none}
	#prolist li{margin:10px 0}
	.phone{width:80%}
	.ys{padding:20px 10px}
	.ys dl{background-image:none !important;padding-left:10px}
	.ys dl dt{font-size:20px}
	.title3{margin:20px auto}
	.aboutR p{font-size:14px;margin-bottom:10px}
	.aboutR{padding-bottom:15px}
	.ys2{margin:20px 0}
	#contact{background:#0497DC}
	.contactL{padding:0 10px}
	.contactL h3{padding-left:0}
	.contactL h2{font-size:30px}
	.contactR{padding:20px 10px;background:#fff}
	.contactR h2{font-size:20px}
	.contactR ul{margin:10px 0}
	.news{margin-bottom: 0px;}
}